<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>UI组件之日历</title>
  <script src="js/jquery-1.11.3.js"></script>
</head>
<body>
  <div class="container">
    <div class="con-header">
      <div class="header-left"><</div>
      <div class="header-title">2018年1月</div>
      <div class="header-right">></div>
    </div>
    <div class="con-body">
      <div class="tr">
        <div class="th">日</div>
        <div class="th">一</div>
        <div class="th">二</div>
        <div class="th">三</div>
        <div class="th">四</div>
        <div class="th">五</div>
        <div class="th">六</div>
      </div>

      <div class="tr">
        <div class="td">1</div>
        <div class="td">2</div>
        <div class="td">3</div>
        <div class="td">4</div>
        <div class="td">5</div>
        <div class="td">6</div>
        <div class="td">7</div>
      </div>
       <div class="tr">
        <div class="td">8</div>
        <div class="td">9</div>
        <div class="td">10</div>
        <div class="td">11</div>
        <div class="td">12</div>
        <div class="td">13</div>
        <div class="td">14</div>
      </div>
       <div class="tr">
        <div class="td">15</div>
        <div class="td">16</div>
        <div class="td">17</div>
        <div class="td">18</div>
        <div class="td">19</div>
        <div class="td">20</div>
        <div class="td">21</div>
      </div>
      <div class="tr">
        <div class="td">22</div>
        <div class="td">23</div>
        <div class="td">24</div>
        <div class="td">25</div>
        <div class="td">26</div>
        <div class="td">27</div>
        <div class="td">28</div>
      </div>
       <div class="tr">
        <div class="td">29</div>
        <div class="td">30</div>
        <div class="td">31</div>
        <div class="td">32</div>
        <div class="td">33</div>
        <div class="td">34</div>
        <div class="td">35</div>
      </div>
    </div>
  </div>
</body>
</html>